.index{width:100%; max-width:640px; min-height:320px; background:#fff;z-index:102; zoom:1; padding-top:80px;}

.wrapper{ margin-top:10px;}
.wrapper .word{ margin-left:10px; margin-right:10px; border:1px #cecece solid; margin-bottom:20px;}
.wrapper .word p{ padding:10px; font-size:13px; color:#6a6c6f;}
.wrapper .help{ margin:5px; margin-bottom:30px;}
.wrapper .help ul li a{ display:block; border-radius:6px; height:45px; line-height:45px; color:#fff; font-size:16px; text-align:center; margin-bottom:15px;}
.wrapper .help ul li:nth-child(1) a{ background:#d9534f;}
.wrapper .help ul li:nth-child(1) a span{ display:inline-block; background:url(../img/icon-cloud-upload.png) no-repeat left center; background-size:auto 18px; padding-left:30px;}
.wrapper .help ul li:nth-child(2) a{ background:#5cb85c;}
.wrapper .help ul li:nth-child(2) a span{ display:inline-block; background:url(../img/icon-cloud-download.png) no-repeat left center; background-size:auto 18px; padding-left:30px;}

.list{ margin:5px; border:1px #ccc solid;}
.list .titile{ background:#555555; padding:10px 15px; color:#fff; font-size:15px;}
.list .titile span{ background:url(../img/top.png) no-repeat left center; background-size:auto 20px; display:inline-block; padding-left:36px;}
.list .titile i{display:block; width:14px; height:16px; float:right; background:url(../img/portlet-collapse-icon-white.png) no-repeat center center; background-size:auto 16px; }
.list .project{ margin:10px; overflow:auto; -webkit-overflow-scrolling: touch;}
.list .project table tr{ background:#f9f9f9;}
.list .project table tr td{ padding:15px;font-size:13px; color:#666; border-bottom:1px #e7eaec solid; vertical-align:middle; white-space:nowrap; border:1px #ddd solid; text-align:center;}
.list .project table tr td img{ width:25px; display:block;}
.list .project table tr td p{font-size:13px; color:#666; margin-bottom:10px;}
.list .project table tr td b{ font-size:13px; display:inline-block;padding-top:5px; color:#6a6c6f; font-weight:normal;}
.list .project table tr td em{ font-style:normal; font-size:13px; color:#666;}
.list .project table tr td input{ border:none; background:#d9534f; color:#fff; width:100px; height:34px; border-radius:3px; display:block; margin-bottom:10px; font-size:12px;}
.list .project table tr td input.message{ background:#428bca; margin-bottom:0;}
.list .project table tr td input.sure{ background:#f0ad4e; margin-top:10px; margin-bottom:0;}
.pages{ border-radius:4px; margin-bottom:20px; margin-top:10px; border:1px #e7eaec solid; display:inline-block; margin-left:10px; overflow:hidden;}
.pages a{ display:inline-block; padding:6px 12px; color:#428bca; font-size:15px; border-right:1px #e7eaec solid;}
.pages a:last-child{ border-right:none;}
.pages a.on{ background:#428bca; color:#fff;}

.list02{ margin:5px; border:1px #ccc solid; margin-top:20px;}
.list02 .titile{ background:#555555; padding:10px 15px; color:#fff; font-size:15px;}
.list02 .titile span{ background:url(../img/bot.png) no-repeat left center; background-size:auto 20px; display:inline-block; padding-left:36px;}
.list02 .titile i{display:block; width:14px; height:16px; float:right; background:url(../img/portlet-collapse-icon-white.png) no-repeat center center; background-size:auto 16px; }
.list02 .project02{ width:100%;}
.list02 .project02 ul{ background:#d9534f; padding-bottom:40px;}
.list02 .project02 ul.gethelp{ background:#4cae4c; padding-bottom:40px;}
.list02 .project02 ul li{ border-bottom:1px #fff solid; padding:15px 0; margin:0 15px;}
.list02 .project02 ul li h2{ font-weight:normal; color:#fff; font-size:18px; margin-bottom:10px;}
.list02 .project02 ul li p{ font-size:14px; color:#fff; margin-bottom:10px;}
.list02 .project02 ul li p b{ font-weight:normal; color:#7ccd7c;}
.list02 .project02 .bot{ margin-top:20px;}
.list02 .project02 .bot li{ background:#2CA94B;}
.list02 .project02 .bot li p b{ font-weight:normal; color:#F00;}

.page{ width:100%; max-width:640px; position:fixed;overflow:scroll;  background:rgba(0,0,0,0.5); top:0;z-index:9999; height:100%; display:none}
.page .help{ background:#fff; width:94%; left:3%; position:absolute; top:6%; margin-bottom:5%; border-radius:6px; padding:10px 0;}
.page .help .modal .word{ border-bottom:1px #e5e5e5 solid; position:relative;}
.page .help .modal .word h2{ font-weight:normal; font-size:18px; color:#428bca; padding:0 25px 15px 15px;}
.page .help .modal .word span{ display:block; font-size:20px; color:#ccc; position:absolute; right:10px; top:0;}
.page .help .modal .word h2 b{ font-weight:normal; color:#31708f; font-size:15px;}
.page .help .modal .way h3{ padding-left:15px; color:#F00; font-size:15px;font-weight:normal; padding-top:10px; padding-bottom:5px;}
.page .help .modal .way label{ display:block; padding-left:25px; color:#666; line-height:20px; margin-top:5px; font-size:13px;} 
.page .help .modal .way label input{ display:inline-block; margin-right:10px; vertical-align:-2px;}
.page .help .modal .in{ padding:10px 15px;}
.page .help .modal .in h3{color:#F00; font-size:15px;font-weight:normal; padding-bottom:10px;}
.page .help .modal .in input{ display:block;width:95%; border:1px #ccc solid; line-height:32px; background:#fff; padding-left:5%; font-size:14px; color:#666; border-radius:4px;}
.page .help .modal .agree{ padding:0 15px; position:relative; padding-bottom:50px; border-bottom:1px #e5e5e5 solid;}
.page .help .modal .agree input{display:block; position:absolute; left:26px; top:2px;}
.page .help .modal .agree span{color:#a94442; font-size:12px; margin-left:30px; display:block;}
.page .help .modal .butt{ margin-top:10px; margin-left:10px; text-align:right;}
.page .help .modal .butt input{ border:none; background:#428bca; display:inline-block; color:#fff; width:80px; line-height:30px; border-radius:3px; margin-right:10px;}
.page .help .modal .butt input.right{ border:1px #e5e5e5 solid; background:#fff; display:inline-block; color:#666; width:80px; line-height:30px; border-radius:3px; margin-right:10px;}

.page02{ width:100%; max-width:640px; position:fixed;overflow:scroll;  background:rgba(0,0,0,0.5); top:0;z-index:9999; height:100%; display:none;}
.page02 .help{ background:#fff; width:94%; left:3%; position:absolute; top:6%; margin-bottom:5%; border-radius:6px; padding:10px 0;}
.page02 .help .modal .word{ border-bottom:1px #e5e5e5 solid; position:relative;}
.page02 .help .modal .word h2{ font-weight:normal; font-size:18px; color:#428bca; padding:0 25px 15px 15px;}
.page02 .help .modal .word span{ display:block; font-size:20px; color:#ccc; position:absolute; right:10px; top:0;}
.page02 .help .modal .word h2 b{ font-weight:normal; color:#31708f; font-size:15px;}
.page02 .help .modal .way h3{ padding-left:15px; color:#F00; font-size:15px;font-weight:normal; padding-top:10px; padding-bottom:5px;}
.page02 .help .modal .way label{ display:block; padding-left:25px; color:#666; line-height:20px; margin-top:5px; font-size:13px;} 
.page02 .help .modal .way label input{ display:inline-block; margin-right:10px; vertical-align:-2px;}
.page02 .help .modal .in{ padding:10px 15px;}
.page02 .help .modal .in h3{color:#F00; font-size:15px;font-weight:normal; padding-bottom:10px;}
.page02 .help .modal .in input{ display:block;width:95%; border:1px #ccc solid; line-height:32px; background:#fff; padding-left:5%; font-size:14px; color:#666; border-radius:4px;}
.page02 .help .modal .agree{ padding:0 15px; position:relative; padding-bottom:50px; border-bottom:1px #e5e5e5 solid;}
.page02 .help .modal .agree input{display:block; position:absolute; left:26px; top:2px;}
.page02 .help .modal .agree span{color:#a94442; font-size:14px; margin-left:30px; display:block;}
.page02 .help .modal .butt{ margin-top:10px; margin-left:10px; text-align:right;}
.page02 .help .modal .butt input{ border:none; background:#428bca; display:inline-block; color:#fff; width:80px; line-height:30px; border-radius:3px; margin-right:10px;}
.page02 .help .modal .butt input.right{ border:1px #e5e5e5 solid; background:#fff; display:inline-block; color:#666; width:80px; line-height:30px; border-radius:3px; margin-right:10px;}
.page02 .help .modal .money{ padding:10px 15px;}
.page02 .help .modal .money p{ border:1px #e4e5e7 solid; border-radius:3px; line-height:30px; background:#f7f8fa; padding-left:10px; font-size:13px; color:#666; margin-bottom:10px;}
.page02 .help .modal .money p span{ width:30%;display:inline-block; line-height:30px;}
.page02 .help .modal .money p b{ width:65%; background:#eeeeee; padding-left:5%; border-left:1px #e4e5e7 solid; margin-left:-1px; display:inline-block; line-height:30px; font-weight:normal; color:#999;}

.page03{ width:100%; max-width:640px; position:fixed;overflow:scroll;  background:rgba(0,0,0,0.5); top:0;z-index:9999; height:100%; display:none;}
.page03 .help{ background:#fff; width:94%; left:3%; position:absolute; top:6%; margin-bottom:5%; border-radius:6px; padding:10px 0;}
.page03 .help .modal .word{ border-bottom:1px #e5e5e5 solid; position:relative;}
.page03 .help .modal .word h2{ font-weight:normal; font-size:18px; color:#428bca; padding:0 25px 15px 15px;}
.page03 .help .modal .word span{ display:block; font-size:20px; color:#ccc; position:absolute; right:10px; top:0;}
.page03 .help .modal .word h2 b{ font-weight:normal; color:#31708f; font-size:15px;}
.page03 .help .modal .mess{ padding:15px; padding-bottom:50px; border-bottom:1px #e5e5e5 solid;}
.page03 .help .modal .mess h4{ font-size:14px; color:#666; margin-bottom:10px; font-weight:normal;}
.page03 .help .modal .mess p{ font-size:14px; color:#666;border-bottom:1px #eee solid; padding-bottom:15px; margin-bottom:20px;}
.page03 .help .modal .mess h5{ font-weight:normal; font-size:14px; color:#F00; margin-top:8px;}
.page03 .help .modal .mess textarea{ display:block; width:96%; height:100px; border:1px #ccc solid; font-size:14px; color:#999;}
.page03 .help .modal .butt{ margin-top:10px; margin-left:10px; text-align:right;}
.page03 .help .modal .butt input{ border:none; background:#5cb85c; display:inline-block; color:#fff; width:80px; line-height:30px; border-radius:3px; margin-right:10px;}
.page03 .help .modal .butt input.right{ border:1px #e5e5e5 solid; background:#fff; display:inline-block; color:#666; width:80px; line-height:30px; border-radius:3px; margin-right:10px;}

.page04{ width:100%; max-width:640px; position:fixed;overflow:scroll;  background:rgba(0,0,0,0.5); top:0;z-index:9999; height:100%; display:none;}
.page04 .help{ background:#fff; width:94%; left:3%; position:absolute; top:6%; margin-bottom:5%; border-radius:6px; padding:10px 0;}
.page04 .help .modal .word{ border-bottom:1px #e5e5e5 solid; position:relative;}
.page04 .help .modal .word h2{ font-weight:normal; font-size:18px; color:#428bca; padding:0 25px 15px 15px;}
.page04 .help .modal .word span{ display:block; font-size:20px; color:#ccc; position:absolute; right:10px; top:0;}
.page04 .help .modal .word h2 b{ font-weight:normal; color:#31708f; font-size:15px;}
.page04 .help .modal .messagelist{ margin:15px; border:1px #ddd solid; border-radius:4px;}
.page04 .help .modal .mess{ background:#f5f5f5; border-radius:3px; padding:10px; border-bottom:1px #e5e5e5 solid;}
.page04 .help .modal .mess h4{ font-size:14px; color:#333; font-weight:normal;}
.page04 .help .modal .mess p{ font-size:14px; color:#333; margin-top:10px;}
.page04 .help .modal .mess p b{ font-weight:normal; color:#F00;}
.page04 .help .modal .mon{ padding:10px; border-bottom:1px #eee solid;}
.page04 .help .modal .mon p{ font-size:14px; color:#888; margin-bottom:8px;}
.page04 .help .modal .note{ padding-left:10px; padding-top:10px; border-bottom:1px #e5e5e5 solid;}
.page04 .help .modal .note p{ font-size:14px; color:#888; margin-bottom:8px;}
.page04 .help .modal .note p b{ font-weight:normal; color:#F00;}
.page04 .help .modal .note h6{ font-size:14px; color:#888; margin-bottom:8px; font-weight:bold;}

.page04 .help .modal .butt{ padding-top:10px; padding-left:10px; border-top:1px #e5e5e5 solid;  text-align:right;}
.page04 .help .modal .butt input{ border:none; background:#ffb606; display:inline-block; color:#fff; width:80px; line-height:30px; border-radius:3px; margin-right:10px;}
.page04 .help .modal .butt input.right{ border:1px #e5e5e5 solid; background:#fff; display:inline-block; color:#666; width:80px; line-height:30px; border-radius:3px; margin-right:10px;}

.page05{ width:100%; max-width:640px; position:fixed;overflow:scroll;  background:rgba(0,0,0,0.5); top:0;z-index:9999; height:100%;display:none;}
.page05 .help{ background:#fff; width:94%; left:3%; position:absolute; top:6%; margin-bottom:5%; border-radius:6px; padding:10px 0;}
.page05 .help .modal .word{ border-bottom:1px #e5e5e5 solid; position:relative;}
.page05 .help .modal .word h2{ font-weight:normal; font-size:18px; color:#428bca; padding:0 25px 15px 15px;}
.page05 .help .modal .word span{ display:block; font-size:20px; color:#ccc; position:absolute; right:10px; top:0;}
.page05 .help .modal .word h2 b{ font-weight:normal; color:#31708f; font-size:15px;}
.page05 .help .modal .agree{ padding:15px; position:relative; padding-bottom:50px;}
.page05 .help .modal .agree input{display:block; position:absolute; left:22px; top:17px;}
.page05 .help .modal .agree span{color:#333; font-size:12px; margin-left:30px; display:block;}
.page05 .help .modal .photo{ margin-top:5px;}
.page05 .help .modal .photo h5{ font-weight:normal; font-size:15px; color:#F00;}
.page05 .help .modal .photo h6{ font-weight:normal; margin-top:5px; margin-bottom:10px;}
.page05 .help .modal .photo h6 input{ margin-left: 5px; margin-top: 40px; border:none; display:inline-block; color:#fff; width:80px; line-height:30px; border-radius:3px;}
.page05 .help .modal .photo h6 span{ font-size:15px; color:#333; padding-left:70px; display:inline-block;}
.page05 .help .modal .photo p img{ display:inline-block; width:50%;}
.page05 .help .modal .butt{ padding-top:10px; padding-left:10px; border-top:1px #e5e5e5 solid;  text-align:right;}
.page05 .help .modal .butt input{ border:none; background:#5cb85c; display:inline-block; color:#fff; width:80px; line-height:30px; border-radius:3px; margin-right:10px;}
.page05 .help .modal .butt input.right{ border:1px #e5e5e5 solid; background:#fff; display:inline-block; color:#666; width:80px; line-height:30px; border-radius:3px; margin-right:10px;}
